<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>todo</title>
    <link rel="stylesheet" href="css/todo.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4382049_q4ugp9lpe2.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/list-js.js"></script>
</head>

<body>
    <div class="container3">
        <div class="logo"></div>
        <div class="design">
            <div class="role">
                <div class="word-wrap">
                    <div class="word-item1"></div>
                    <div class="word-item2">
                        <p class="word-p">

                        </p>
                    </div>
                </div>
                <a href="javascript:;" class="doll"></a>
            </div>
            <span class="block-text"></span>
        </div>
        <div class="list">
            <footer class="add-todo">
                <div class="add-box">
                    <input placeholder="Add new todo..." id="add-content">
                </div>
                <button><i class="iconfont icon-add-btn" id="add-btn"
                        style="font-size: 35px; line-height: 34px;"></i></button>
            </footer>
            <middle class="body1">
                <h4>uncompleted</h4>
                <div>
                    <ul class="uncompleted-box">
                        <ul class="emergency-box">
                        </ul>
                        <span class="targetSpan"></span>
                    </ul>
                </div>
            </middle>
            <div class="body2">
                <div>
                    <ul class="completed-title">
                        <li class="current"><a href="javascript:;" class="completed-class">completed</a></li>
                        <li><a href="javascript:;" class="completed-class">deleted</a></li>
                    </ul>
                </div>
                <div class="bottom-box">
                    <ul class="completed-box bottom" style="display: block"></ul>
                    <ul class="deleted-box bottom" style="display: none">
                        <span class="com-del"></span>
                        <span class="un-del"></span>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>